<table id="datagrid_${action_id}" ></table>
<script type="text/javascript">
$(function(){

	$('#datagrid_${action_id}').datagrid({
		iconCls:'icon-save',
		width:'auto',
		height:'auto',
		nowrap: true,
		fit:true,
		fitColumns:true,
		striped: true,
		url:'${request.contextPath}${namespace?default('')}/mp/article/article-datagrid.json?channel=${channel}',
		sortName: 'gmtCreate',
		sortOrder: 'desc',
		remoteSort: true,
		singleSelect : true,
		idField:'id',
		onBeforeLoad:function(){$('#datagrid_${action_id}').datagrid('unselectAll');},
		columns:[[
					{field:'id',title:'${action.getDatagridTitle('id')}',width:50,align:'center',sortable:true},
					{field:'title',title:'${action.getDatagridTitle('title')}',width:100,align:'center',sortable:true},
					{field:'gmtCreate',title:'${action.getDatagridTitle('gmtCreate')}',width:50,align:'center',sortable:true}
				]],
		pagination:true,
		rownumbers:true,
		onDblClickRow:function(idx,data){if(typeof onDblClickRow_${action_id} != 'undefined'){onDblClickRow_${action_id}(idx,data)}},
		onClickRow:function(idx,data){if(typeof onClickRow_${action_id} != 'undefined'){onClickRow_${action_id}(idx,data)}},
		onRowContextMenu:function(e,idx,data){if(typeof onRowContextMenu_${action_id} != 'undefined'){$(this).datagrid('selectRow', idx);onRowContextMenu_${action_id}(e,idx,data)}},
		toolbar:'#datagrid_${action_id}_tb'
	});

});

</script>